<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"            
        xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="template.xhtml">
	
	<ui:define name="head">
       
	</ui:define>

	<ui:define name="content">
            <h:form id="formAmigos">
                
                <h:outputLabel value="Nome:" for="amigos" />  
            
                <p:autoComplete id="amigos" minQueryLength="3" maxResults="10"
                        value="#{pessoaController.nome}" effect="fade"  
                        completeMethod="#{pessoaController.pessoaByNome}"/>                 
                
                <p:commandButton image="ui-icon-search" update="listaPessoa" action="#{pessoaController.listPessoaByNome}">
                    
                </p:commandButton>     
                
                    <p:dataList id="listaPessoa" value="#{pessoaController.listaPessoa}" var="pessoa" type="ordered">  
                        <p:column>
                            #{pessoa.nome} #{pessoa.sobrenome}
                        </p:column>
                        <p:column>                            
                                <p:commandButton update="listaPessoa"  rendered="${!pessoa.email.equals(loginController.loggedUser)}"
                                                 action="#{amigoController.addAmigo}" 
                                                 image="ui-icon ui-icon-plus">
                                    <f:setPropertyActionListener value="#{pessoa}" target="#{amigoController.pessoaSelecionado}"/>
                                </p:commandButton>
                             
                        </p:column>                    
                    </p:dataList>     
            </h:form>                              
            
        </ui:define>
</ui:composition>
